CSS Functions

calc()

Width is calculated as 50% - 40px to stay balanced and responsive.

min()

Line height uses min(1.8, 5vw), keeping text readable but not too spaced out.

max()

Font size uses max(14px, 1vw) so it never gets too small.

clamp()

Heading font size uses clamp(1rem, 2.5vw, 2rem) for perfect scaling.